X

92:I[903690,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/2ir1-mfl-mxun.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/3139m71i45f_m.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/10df6ghephwfh.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/45cgj0o2dd5ka.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1vo2s82fx-91j.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/2b7mx-6g-n-p-.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0n2vqkuu3m7mv.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1pzl0qjyusfha.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1ilnu97ogkb5i.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0wkini5l9f_9s.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1zvm-f33paz4c.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1e1jj32nu3059.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/311y33ni2zbzy.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/3ji6b0r5j__17.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0xushjtk7v84v.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo"],"ExplicitChatIdProvider"] 93:I[838238,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/2ir1-mfl-mxun.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/3139m71i45f_m.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/10df6ghephwfh.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/45cgj0o2dd5ka.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1vo2s82fx-91j.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/2b7mx-6g-n-p-.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0n2vqkuu3m7mv.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1pzl0qjyusfha.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1ilnu97ogkb5i.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0wkini5l9f_9s.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1zvm-f33paz4c.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/1e1jj32nu3059.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/311y33ni2zbzy.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/3ji6b0r5j__17.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/0xushjtk7v84v.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_GX6nedeuRnEvYjaTZkB3KLfqvjYo"],"SWRDataProvider"] 94:T22c1,[V0_FILE]typescriptreact:file="components/kokonutui/tweet-card.tsx" import { VerifiedIcon } from "lucide-react"; import { cn } from "@/lib/utils"; import Link from "next/link"; interface ReplyProps { authorName: string; authorHandle: string; authorImage: string; content: string; isVerified?: boolean; timestamp: string; } interface TweetCardProps { authorName: string; authorHandle: string; authorImage: string; content: string[]; isVerified?: boolean; timestamp: string; reply?: ReplyProps; } export default function TweetCard({ authorName = "Dorian", authorHandle = "dorian_baffier", authorImage = "https://pbs.twimg.com/profile_images/1854916060807675904/KtBJsyWr_400x400.jpg", content = [ "All components from KokonutUI can now be open in @v0 🎉", "1. Click on 'Open in V0'", "2. Customize with prompts", "3. Deploy to your app", ], isVerified = true, timestamp = "Jan 18, 2025", reply = { authorName: "shadcn", authorHandle: "shadcn", authorImage: "https://pbs.twimg.com/profile_images/1593304942210478080/TUYae5z7_400x400.jpg", content: "Awesome.", isVerified: true, timestamp: "Jan 18", }, }: TweetCardProps) { return (

{authorName} {isVerified && ( )}

@{authorHandle}

{content.map((item, index) => (

{item}

))} {timestamp}

{reply && (

{reply.authorName} {reply.isVerified && ( )} @{reply.authorHandle} · {reply.timestamp}

{reply.content}

)}

); }88:["$","$L92",null,{"chatId":"Diw2uWNWWlt","children":["$","$L93",null,{"data":{"@\"active-block\",\"Diw2uWNWWlt\",":{"id":"b_QK6eDrorjc1","messageId":"PKsZLQ6Qmhqzd1bFy5dzSRVHXGpC4dvo","source":"$94","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"Open in v0","type":"code-project","project":"Open in v0"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"Diw2uWNWWlt\",":false,"":null},"children":"$L95"}]}]

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This